From 28902ad0eace265b207fea7f3328eeea8e018c5f Mon Sep 17 00:00:00 2001
From: Sebastien Castiel <sebastien@castiel.me>
Date: Mon, 15 Jan 2024 11:44:49 -0500
Subject: Export group expenses as JSON (Closes #42)

---
 src/app/groups/[groupId]/expenses/page.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

(limited to 'src/app/groups/[groupId]/expenses/page.tsx')

diff --git a/src/app/groups/[groupId]/expenses/page.tsx b/src/app/groups/[groupId]/expenses/page.tsx
index c9b5a8a..bd4f600 100644
--- a/src/app/groups/[groupId]/expenses/page.tsx
+++ b/src/app/groups/[groupId]/expenses/page.tsx
@@ -10,7 +10,7 @@ import {
 } from '@/components/ui/card'
 import { Skeleton } from '@/components/ui/skeleton'
 import { getGroup, getGroupExpenses } from '@/lib/api'
-import { Plus } from 'lucide-react'
+import { Download, DownloadCloud, Plus } from 'lucide-react'
 import { Metadata } from 'next'
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
@@ -38,10 +38,15 @@ export default async function GroupExpensesPage({
               Here are the expenses that you created for your group.
             </CardDescription>
           </CardHeader>
-          <CardHeader className="p-4 sm:p-6">
+          <CardHeader className="p-4 sm:p-6 flex flex-row space-y-0 gap-2">
+            <Button variant="secondary" size="icon" asChild>
+              <Link href={`/groups/${groupId}/expenses/export/json`} target="_blank">
+                <Download className="w-4 h-4" />
+              </Link>
+            </Button>
             <Button asChild size="icon">
               <Link href={`/groups/${groupId}/expenses/create`}>
-                <Plus />
+                <Plus className="w-4 h-4" />
               </Link>
             </Button>
           </CardHeader>
-- 
cgit v1.3

